<script setup lang="ts">
import { router } from "/@/router";

const goToCrane = () => {
  router.push({ path: "/crane" });
};
</script>

<template>
  <div class="absolute w-full h-full top-0 left-0 z-1">
    <van-image
      width="100%"
      height="100%"
      fit="fill"
      src="./ui/bg.png"
      :show-error="false"
      :show-loading="false"
    />
  </div>
  <div class="index-page w-full h-full flex items-center relative z-2">
    <div class="w-full min-h-70vh flex flex-col justify-between items-center">
      <van-image
        width="20%"
        fit="fill"
        src="./ui/LOGO.png"
        :show-error="false"
        :show-loading="false"
      />
      <div class="w-full min-h-40vh flex flex-col justify-center items-center">
        <van-image
          width="60%"
          fit="fill"
          src="./ui/0/01.png"
          :show-error="false"
          :show-loading="false"
        />
      </div>
      <div class="w-full min-h-20vh flex flex-col justify-center items-center">
        <van-image
          width="40%"
          fit="fill"
          src="./ui/btn04.png"
          :show-error="false"
          :show-loading="false"
          @click="goToCrane()"
        />
      </div>
    </div>
  </div>
</template>

<style scoped lang="less"></style>
